@import url("../iconfont201903/iconfont.css");

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font-family: "Microsoft YaHei", sans-serif;
}

.fl {
	float: left;
	display: inline-block;
}

.fr {
	float: right;
	display: inline-block;
}

ul,
li {
	list-style-type: none;
}

body {
	background: #FFFFFF;
}

a {
	text-decoration: none;
	color: #666666;
}

.pointer {
	cursor: pointer;
}

.w_1200 {
	width: 1200px;
	margin: 0 auto;
}

.hear-top {
	background-color: #FFFFFF;
}

.logo_part {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 120px;
}

.logo_left {
	width: 507px;
	cursor: pointer;
}

.search_right {
	width: 340px;
}

.user-part {
	text-align: right;
	font-size: 14px;
	font-family: "Microsoft YaHei", sans-serif;
}

.serch_box {
	width: 338px;
	border: 1px solid rgba(112, 165, 255, 1);
	border-radius: 4px;
	height: 33px;
	line-height: 33px;
	margin-top: 21px;
	display: flex;
	font-size: 14px;
	font-family: "Microsoft YaHei", sans-serif;
}

.serch_box img {
	margin: 9px;
	width: 14px;
	height: 14px;
}

.serch_box input {
	width: calc(100% - 98px);
	margin-right: 10px;
	border: none;
}

.serch_box input:focus {
	outline: none;
}

.serch_box span {
	display: inline-block;
	width: 56px;
	height: 33px;
	line-height: 33px;
	background: #2B83E1;
	/* border-radius: 0px 4px 4px 0px; */
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
}

.nav {
	height: 50px;
	line-height: 50px;
	background: #1C6FC6;
	box-shadow: 0px 2px 14px 0px rgba(6, 111, 215, 0.33);
}

.nav>div {
	display: flex;
}

.nav li {
	position: relative;
	z-index: 99;
}

.nav a {
	font-size: 18px;
	color: #FFFFFF;
	padding: 13px 50px;
	text-decoration: none;
}

.nav a:hover {
	color: #FFFFFF !important;
}

.nav li dl,
.nav li dl dd {
	width: 172px;
	color: #fff;
	text-align: center;
}

.nav li dl dd a {
	padding: 7px 0;
	display: block;
	height: 100%;
	width: 100%;
}

.nav li:hover .my-nav-child {
	display: block !important;
}

.nav li dl:hover .my-nav-child {
	display: block !important;
}

.my-nav-child {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	min-width: 100%;
	line-height: 36px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	background-color: #1C6FC6;
	z-index: 100;
	border-radius: 2px;
	white-space: nowrap;
	box-sizing: border-box;
}

.my-nav-child a:hover {
	background-color: #008FFB;
}

.my-anim {
	-webkit-animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-duration: .3s;
	animation-fill-mode: both;
}

.my-anim-upbit {
	-webkit-animation-name: my-upbit;
	animation-name: my-upbit;
}

@keyframes my-upbit {
	from {
		transform: translate3d(0, 15px, 0);
		opacity: .3
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}


/* 新首页banner部分 */
.banner_part {
	width: 1200px;
	margin: 20px auto;
}

.myApp-cont-banner {
	width: 1200px;
	height: 480px;
}

.myApp-cont-banner .banner-box {
	width: 100%;
	height: 480px;
	overflow: hidden;
	position: relative;
	/* display: none; */
}

.myApp-cont-banner .banner-content {
	width: 100%;
	height: 480px;
	position: relative;
	/* left: 50%;
	margin-left: -960px; */
	z-index: 2;
	cursor: pointer;
	border-radius: 10px;
}

.myApp-cont-banner .banner-slide1 {
	width: 1200px;
	height: 480px;
	background: url(../images2019/c1f06226.jpg) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
}

.myApp-cont-banner .banner-slide1 img{
	width: 100%;
	height: 100%;
}

.myApp-cont-banner .banner-slide2 {
	width: 1200px;
	height: 480px;
	background: url(../images2019/index-banner5.jpg) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
}

.myApp-cont-banner .banner-slide3 {
	width: 1200px;
	height: 480px;
	background: url(../images2019/szzg.jpg) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
}

.myApp-cont-banner .banner-slide4 {
	width: 1200px;
	height: 480px;
	background: url(../images2019/1a5ecc99-2132-4596-ac0b-ef9372870d7b.jpg) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
}

.myApp-cont-banner .banner-slide1-box {
	width: 1200px;
	height: 480px;
	position: relative;
	/* overflow: hidden; */
}

.myApp-cont-banner .banner-btn-left {
	background: url(../newimages/arrow-left.png) no-repeat center top;
	width: 45px;
	height: 81px;
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -40px;
	z-index: 10;
}

.myApp-cont-banner .banner-btn-right {
	background: url(../newimages/arrow-right.png) no-repeat center top;
	width: 45px;
	height: 81px;
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -40px;
	z-index: 10;
}

.banner-pagination {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 1000;
	left: 0;
	bottom: 30px;
}

.banner-pagination span {
	display: inline-block;
	width: 24.24px;
	height: 7.27px;
	background: rgba(255, 255, 255, .4);
	border-radius: 3px;
	margin: 0 5px;
}

.banner-pagination span.swiper-pagination-bullet-active {
	background-color: #FFFFFF;
}

/* 标题通用部分 */
.title_desc h3 {
	font-size: 24px;
	color: #333333;
	font-weight: 700;
}

.title_desc .flex-between {
	display: flex;
	justify-content: space-between;
}
.title_desc .alignitem-center{
	align-items: center;
}
.title_desc p {
	font-size: 18px;
	color: #666666;
	margin-top: 8px;
}

.title_desc .select_item {
	display: flex;
}

.title_desc .select_item p {
	color: #666666;
	background: #FFFFFF;
	border: 1px solid rgba(216, 216, 216, 1);
	border-radius: 20px;
	padding: 10px 20px;
	margin-left: 10px;
	cursor: pointer;
	overflow: hidden;
}

.title_desc .select_item p.active {
	background: #1574E0;
}

.title_desc .select_item span {
	font-size: 16px;
}

.title_desc .select_item .active span {
	background: #1574E0;
	color: #FFFFFF;
}

/* .title_desc p span {
	font-size: 16px;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid rgba(216, 216, 216, 1);
	border-radius: 20px;
	padding: 10px 20px;
	margin-left: 10px;
	cursor: pointer;
}

.title_desc p span.active {
	background: #1574E0;
	color: #FFFFFF;
} */

/* 新闻动态部分 */
.news_part {
	background: #F2F6FB;
	padding: 30px 0 25px;
}

.news_part .w_1200 {
	display: flex;
	justify-content: space-between;
}

.news_left {
	width: calc(100% - 440px);
}

.news_list {
	margin-top: 23px;
	background-color: #FFFFFF;
	padding: 19px 20px 0px 20px;
	border: 1px solid rgba(241, 241, 241, 1);
	border-radius: 4px;
	min-height: 281px;
}

.news_list .title_tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(151, 151, 151, .4);
}

.news_list .title_tab span {
	font-size: 18px;
	font-weight: 700;
	margin-right: 30px;
	cursor: pointer;
	font-family: MicrosoftYaHei-Bold;
	color: #999999;
}

.news_list .title_tab span.active {
	color: #1574E0;
	padding-bottom: 8px;
	border-bottom: 5px solid #1574E0;
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	font-weight: 700;
}

.news_list .title_tab small {
	font-size: 14px;
	color: #4072DF;
}

.news_banner {
	width: 420px;
}

/* .list_cont{
	min-height: 300px;
} */
.service_list_part {
	min-height: 300px;
}

.list_cont li {
	font-size: 16px;
	color: #999999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 21px;
}

.list_cont li:first-child {
	margin-top: 20px;
}

.list_cont li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	padding-left: 20px;
	position: relative;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
	text-align: left;
	line-height: 24px;
	font-weight: 400;
	cursor: pointer;
}

.list_cont li a p {
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
	text-align: left;
	line-height: 24px;
	font-weight: 400;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list_cont li a span {
	font-size: 16px;
	color: #999999;
	letter-spacing: 0;
	text-align: right;
	line-height: 24px;
	font-weight: 400;
}

.list_cont li a:hover p,
.list_cont li a:hover span {
	font-family: pfm;
	font-size: 18px;
	color: #0B8DFF;
}

.list_cont li a:hover p::before {
	background-color: #0B8DFF;
}

.list_cont li a p::before {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #d8d8d8;
	position: absolute;
	left: 0;
	top: 8px;
}


.img_tab {
	text-align: right;
	padding-top: 35px;
}

.img_tab span {
	font-size: 18px;
	color: #666666;
	margin-left: 30px;
	cursor: pointer;
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
}

.img_tab span.active {
	color: #1574E0;
}



.statistics {
	width: 100%;
	margin-top: 20px;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
}

.statistics .statistics_box {
	width: 217px;
	height: 121px;
	border-radius: 4px;
	z-index: 999;
}

.statistics .statistics_box h2 {
	font-size: 32px;
	text-align: center;
	padding-top: 18px;
}

.statistics .statistics_box p {
	color: #FFFFFF;
	font-size: 22px;
	margin-top: 16px;
	padding-left: 61px;
}

.statistics .statistics_box_one {
	background: url(../img/01.png) center no-repeat;
	background-size: 100% 100%;
}

.statistics .statistics_box_one h2 {
	color: #830000;
}

.statistics .statistics_box_two {
	background: url(../img/02.png) center no-repeat;
	background-size: 100% 100%;
}

.statistics .statistics_box_two h2 {
	color: #1969C2;
}

.statistics .statistics_box_three {
	background: url(../img/03.png) center no-repeat;
	background-size: 100% 100%;
}

.statistics .statistics_box_three h2 {
	color: #2D772F;
}

.statistics .statistics_box_four {
	background: url(../img/04.png) center no-repeat;
	background-size: 100% 100%;
}

.statistics .statistics_box_four h2 {
	color: #9C6311;
}

.statistics .statistics_box_five{
	background: url(../img/05.png) center no-repeat;
	background-size: 100% 100%;
}
.statistics .statistics_box_five h2 {
	color: #1969C2;
}
/* 赛事推荐 */
.game_part {
	padding-top: 20px;
	min-height: 371px;
}

.game_box {
	display: flex;
	flex-wrap: wrap;
	margin-top: 33px;
}

.game_boll {
	display: block;
	width: 277px;
	background: #FFFFFF;
	box-shadow: 0px 2px 26px 4px rgba(141, 203, 226, 0.22);
	border-radius: 4px;
	margin-right: 30px;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}

.game_boll:nth-child(4n) {
	margin-right: 0;
}

.game_boll .tips {
	width: 56px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #FF5D5D;
	border-radius: 0px 4px 0px 14px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	top: 0;
	right: 0;
}

.game_boll .sc_img {
	width: 100%;
	height: 155px;
	position: relative;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	padding: 0;
}

.game_boll .sc_img img {
	width: 100%;
	height: 100%;
	transition: all linear .2s;
}

.game_boll:hover .sc_img img {
	transform: scale(1.2);
	transition: all linear .2s;
}

.game_boll h3 {
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	font-weight: 400;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 52px;
	padding: 8px 16px 6px 12px;
}

.game_boll p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px 24px;
	font-size: 16px;
	color: #999999;
	line-height: 16px;
}

/* 最后一部分 */

.last_part {
	padding: 24px;
	background: url(../img/bg-big.png) center no-repeat;
	background-size: 100% 100%;
}

.one_img{
	display: flex;
	justify-content: space-between;
}

.head_img_part {
	display: flex;
	justify-content: flex-start;

}
.head_img_part{
	min-height: 155px;
}
.service_part {
	margin-top: 30px;
	background: #FFFFFF;
	padding: 24px 48.5px;
}

.card_box {
	width: 184px;
	height: 100px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.card_box:hover{
	background-color: #3957BC !important;
}
.card_box img {
	width: 34px;
	height: 34px;
	padding: 20px 0 10px 0;
}

.card_box span {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: left;
	line-height: 24px;
	font-weight: 700;
	text-align: center;
}

.card_box_one{
	cursor: pointer;
}

.service_img_box {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	margin-right: 37px;
}

.service_img_box:nth-child(4n) {
	margin-right: 0;
}

.service_img_box img {
	width: 248px;
	height: 155px;
}

.service_img_box p {
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 3.38px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 20px);
	padding: 10px;
	background-image: linear-gradient(180deg, rgba(26, 22, 22, 0.29) 0%, rgba(11, 9, 9, .6) 60%);
	border-radius: 0px 0px 8px 8px;
	white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 显示省略号 */
}

.ss_title {
	padding: 20px 0 0px;
	border-bottom: 1px solid rgba(105, 166, 203, 1);
	display: flex;
	justify-content: space-between;
}

.ss_title strong {
	font-size: 18px;
	color: #333333;
	font-weight: 700;
	padding-bottom: 8px;
	border-bottom: 5px solid rgba(21, 116, 224, 1);
}

.ss_title small {
	font-size: 14px;
	color: #4072DF;
	cursor: pointer;
}

/* 底部 */
.foot {
	background: #1F2833;
	padding: 30px 0;
}

.foot ul {
	color: #A6A8AA;
	font-weight: 500;
	padding: 20px 30px 15px;
	border-left: 1px solid rgba(151, 151, 151, 1);
	line-height: 2rem;
}

.foot ul li img {
	margin-right: 7px;
}


.img_banner {
	width: 425.5px;
	height: 300px;
	margin-top: 28px;
	border-radius: 4px;
	position: relative;
}

.img_banner img {
	width: 425.5px;
	height: 300px;
	border-radius: 4px;
}

.img_banner_box {
	width: 100%;
	height: 480px;
	overflow: hidden;
	position: absolute;
	/* display: none; */
}

.img_banner_box .img_tab_content {
	width: 100%;
	height: 300px;
	position: relative;
	/* left: 50%;
	margin-left: -960px; */
	z-index: 2;
	cursor: pointer;
	border-radius: 4px;
}

.img_banner_box .img_tab_slide {
	width: 425.5px;
	height:300px;
	background: url(../images2019/c1f06226.jpg) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
}

.img_banner_box .img_tab_slide img{
	width: 100%;
	height: 100%;
}

.banner-slide1-box {
	width: 425.5px;
	height:300px;
	position: relative;
	/* overflow: hidden; */
}


.img_tab_pagination {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 1000;
	left: 0;
	bottom: 30px;
}

.img_tab_pagination span {
	display: inline-block;
	width: 24.24px;
	height: 7.27px;
	background: rgba(255, 255, 255, .4);
	border-radius: 3px;
	margin: 0 5px;
}

.img_tab_pagination span.swiper-pagination-bullet-active {
	background-color: #FFFFFF;
}
.game_list{
	min-height: 562px;
}
.top_part{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
.top_part img{
	width: 1200px;
	height: 140px;
}